<template>
  <div class="APP">
    <!-- 快捷导航 -->
    <shortcut></shortcut>
    <router-view></router-view> 
    <!-- 头部区域 -->
    <shopheader></shopheader>
    <!-- nav导航栏 -->
    <shopnav></shopnav>
    <!-- 主体区域 -->
    <shopmain></shopmain>
    <!-- 推荐模块 -->
    <recom></recom>
    <!-- 楼层区域 -->
    <floor></floor>
    <!-- 底部区域 -->
    <shopfooter></shopfooter>
  </div>
</template>

<script>
import shopheader from './components/shopheader.vue'
import shopnav from './components/shopnav.vue'
import shopmain from './components/shopmain.vue'
import recom from './components/recom.vue'
import floor from './components/floor.vue'
import shopfooter from './components/shopfooter.vue'
import shortcut from './components/shortcut.vue'


export default {
  name: 'App',
  components:{
    shortcut,
    shopheader,
    shopnav,
    shopmain,
    recom,
    floor,
    shopfooter
  }

}
</script>

<style>

</style>